﻿/*
布局文档格式:
<div id="pagecontainer">
  <div id="header">Header Section</div>
    <div id="page" class="clearfix">
      <div id="left">Left Sidebar</div>
      <div id="content">Main content</div>
      <div id="right">Right sidebar</div>
    </div>
  <div id="footer">Footer Section</div>
</div>
*/
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#pagecontainer {
    min-height: 100%;
    height: auto !important;
    height: 100%; /*IE6不识别min-height*/
    position: relative;
}

#header {
    height: 51px;
}

#page {
    /*width: 960px;
            margin: 0 auto;*/
    padding-bottom: 60px; /*等于footer的高度*/
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /*脚部的高度*/
    clear: both;
}

    #footer hr {
        margin: 13px 0;
    }
/*=======主体内容部分=======*/
#left {
    width: 220px;
    float: left;
    margin-right: 20px;
    background: lime;
}

#content {
    background: orange;
    float: left;
    width: 480px;
    margin-right: 20px;
}

#right {
    background: green;
    float: right;
    width: 220px;
}
